<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="toTop" content="true">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>优酷商城</title>
<!--头部公共部分调用-->
<script type="text/javascript" src="./Public/Home/js/jquery-1.8.2.min.js"></script>
<!--<script type="text/javascript" src="./Public/Home/js/jquery.1.7.2-min.js"></script>-->
<script type="text/javascript" src="./Public/Home/js/js.js"></script>

</head>
<body>
	
	<!-- 顶部开始 -->
<div id="top">
   <div class="topall">
       <a class="topallleft1" href="http://127.0.0.1/project/index.php?m=Home&c=Index&a=index">商城首页</a>
       <a class="topallleft2" href="">玩货</a>
                       
       <span class='topallleft3'>
       <a href="http://127.0.0.1/project/index.php?m=Home&c=Login&a=index" class="login">登录</a>
       <a href="http://127.0.0.1/project/index.php?m=Home&c=Reg&a=index" class="reg">注册</a>  
       </span>
              <span class='link'>|</span>
       <span class='topallleft3'>
       <a href="http://127.0.0.1/project/index.php?m=Home&c=Orderlist&a=index" class="reg">我的订单</a>     
       </span>
       <span class='link'>|</span>
       <span class='topallleft3'>
       <a href="" class="reg">我的卖家</a>     
       </span>
       <span class='link'>|</span>
       <span class='topallleft3'>
       <a href="" class="reg">帮助中心</a>     
       </span>
       <span class='link'>|</span>
       <span class='topallleft4'>客服电话 400-810-0580</span>
   </div>	
</div>
<!-- 顶部结束 -->
<!-- 搜索区域开始 -->
<div id="search">
   <div class="searchleft">
   	  <a href=""class="searchlogo"></a>
   <div class="searchka">
  	 <form name="" action="" target="">
  	   <div class="searchkatext">
  	     <input name="" value="" type="text">
  	   </div>
  	   <div class="searchkasubmit">
  	     <input value="搜&nbsp;&nbsp;&nbsp;索" type="submit">
  	   </div>
  	   </form>
  	   <ul class="searchgjz">
	  	   <li><a href="">GoPro</a></li>
	  	   <li><a href="">大疆</a></li>
	  	   <li><a href="">PHILIPS电动牙刷</a></li>
	  	   <li><a href="">演唱会门票</a></li>
	  	   <li><a href="">20元海淘券</a></li>
  	   </ul>
  	   
   </div>
                       
     <a href="http://127.0.0.1/project/index.php?m=Home&c=Cart&a=index&cmid=0" class="searchgwc"><i><em id='gwc' style="overflow: hidden;">0</em></i>购物车</a>
          </div>
</div>
<!-- 搜索区域结束 -->

<!-- 导航分类开始 -->
<div id="nav">
	<div class="navall">
		<ul>
			<li><a href="index.php"                 class="nav1"
                >首页</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=1" >影视周边</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=2" >数码IT</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=3" >图书用品</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=4" >个人美妆</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=5" >服饰配件</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=6" >小家电</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=7" >票务演出</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=8" >食品</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=9" >日用百货</a></li>
						<li><a href="http://127.0.0.1/project/index.php?m=Home&c=Cata&a=index&cid=10" >其他</a></li>
					</ul>
	</div>
</div>
<!-- 导航分类结束 -->

<link rel="stylesheet" href="./Public/Home/css/index.css" />
<script type="text/javascript" src="./Public/Home/js/slide.js"></script>
<!-- 轮播图开始 -->
<div>
     <div id="box">
	   <a href="" style="display:block;" class="lunbo"><img src="./Public/Home/images/1.jpg" alt="" /></a>
	   <a href="" class="lunbo"><img  src="./Public/Home/images/2.jpg" alt="" /></a>
	   <a href="" class="lunbo"><img  src="./Public/Home/images/3.jpg" alt="" /></a>
	   <a href="" class="lunbo"><img  src="./Public/Home/images/4.jpg" alt="" /></a>
	   <a href="" class="lunbo"><img src="./Public/Home/images/5.jpg" alt="" /></a>
	     <ul id="ul">
		       <li style="background:#B61B1F;">1</li>
		       <li>2</li>
		       <li>3</li>
		       <li>4</li>
		       <li>5</li>
	     </ul>
		 <div class="left">
				<div class="bg"></div>
				<div class="jt">&lt;</div>
		 </div>
		 <div class="right">
			<div class="bg"></div>
			<div class="jt">&gt;</div>
		 </div>
 </div>
<!-- 轮播图结束 -->

<!-- 主题区域开始 -->
<div id="main">
  <div class="maintj">
  	<span>优酷推荐</span>
  </div>
  <div class="maintj1">
  	<?php foreach ($commodity as $v){?>
  	<div class="maintj1tp">
  	  <a href="<?php echo U('List/index',array('cmid'=>$v['cmid']))?>"><img width="284px" height="374px" src="<?php echo $v['columnplot']?>" alt="" /></a>
  	  <a href="<?php echo U('List/index',array('cmid'=>$v['cmid']))?>" style="overflow: hidden;" class="ycjb"><?php echo $v['cmname']?></a>
  	</div>
  	<?php }?>
  </div>
  <div class="maintj2">
  	<a href="<?php echo U('Cata/index',array('cid'=>5))?>" class="maintj2left">
  		<h1>
  			<b>女学院拼接连帽羽绒服</b>
  			<span>戛娜2015新款</span>
  		</h1>
  		<p>
			<span>￥299-379</span>
			<small>《大好时光》官方正品</small>
  		</p>
  	</a>
  	<a href="<?php echo U('Cata/index',array('cid'=>5))?>" class="maintj2right">
  		<img src="./Public/Home/img/tj.png" alt="" />
  	</a>
  </div>
 <div class="maintj2">
  	<a href="<?php echo U('Cata/index',array('cid'=>1))?>" class="maintj2left">
  		<h1>
  			<b>动漫周边</b>
  			<span>秦时明月卡牌</span>
  		</h1>
  		<p>
			<span>￥60</span>
			<small>《大好时光》官方正品</small>
  		</p>
  	</a>
  	<a href="<?php echo U('Cata/index',array('cid'=>1))?>" class="maintj2right">
  		<img src="./Public/Home/img/tj1.jpg" alt="" />
  	</a>
  </div>
  <div class="maintj2">
  	<a href="http://login.tmall.com" class="maintj2left">
  		<h1>
  			<b>罗辑思维 独家首发</b>
  			<span>物演通论和知鱼之乐</span>
  		</h1>
  		<p>
			<span>￥199</span>
			<small>《大好时光》官方正品</small>
  		</p>
  	</a>
  	<a href="http://login.tmall.com" class="maintj2right">
  		<img src="./Public/Home/img/tj2.jpg" alt="" />
  	</a>
  </div>
  <div class="maintj rz">
  	<span>入驻品牌</span>
  </div>
  <div class="mainrz">
  	<?php foreach ($bdata as $v){?>
  	<a href="javascript:;"><img width="180px" height="111px" src="<?php echo $v['blogo']?>"/></a>
  	<?php }?>
  </div>
  <div class="maintj mx">
  	<span>明星单品</span>
  </div>
  <div class="mainmx">
  	<div class="mainmxleft1">
       <a href="<?php echo U('List/index',array('cmid'=>$commodity1[0]['cmid']))?>"><img width="377" height="309px" class="mx1" src="<?php echo $commodity1[0]['columnplot']?>"/></a>
       <div class="mainmxleft2">
		   <a href="<?php echo U('List/index',array('cmid'=>$commodity1[1]['cmid']))?>"><img width="188.5px" height="218.5px" class="mx2" src="<?php echo $commodity1[1]['columnplot']?>"/></a>
		   <a href="<?php echo U('List/index',array('cmid'=>$commodity1[2]['cmid']))?>"><img width="188.5px" height="218.5px" class="mx3" src="<?php echo $commodity1[2]['columnplot']?>"/></a>
       </div>
	</div>
	<div class="mainmxleft1">
       <div class="mainmxleft2">
		   <a href="<?php echo U('List/index',array('cmid'=>$commodity1[3]['cmid']))?>"><img width="188.5px" height="218.5px" class="mx2" src="<?php echo $commodity1[3]['columnplot']?>"/></a>
		   <a href="<?php echo U('List/index',array('cmid'=>$commodity1[4]['cmid']))?>"><img width="188.5px" height="218.5px" class="mx3" src="<?php echo $commodity1[4]['columnplot']?>"/></a>
       </div>
       <a href="<?php echo U('List/index',array('cmid'=>$commodity1[5]['cmid']))?>"><img width="377" height="309px" class="mx1 mxf" src="<?php echo $commodity1[5]['columnplot']?>"/></a>
	</div>
	<div>
		<a href="<?php echo U('Cata/index',array('cid'=>2))?>"><img width="440px" height="528px" src="./Public/Home/img/mx5.jpg"/></a>
	</div>
</div>
<div class="maintj mx">
  	<span>热卖专区</span>
</div>
<!--<div class="mainrm">
	<div class="mainrmleft">
		<a href=""><img src="./Public/Home/img/rm1.jpg"/></a>
		<a href=""><img src="./Public/Home/img/rm2.jpg"/></a>
	</div>
	<div class="mainrmleft1">
		<a href=""><img src="./Public/Home/img/rm3.jpg"/></a>
		<a href=""><img src="./Public/Home/img/rm3.jpg"/></a>
	</div>
	<div class="mainrmleft1">
		<a href="" ><img src="./Public/Home/img/rm3.jpg"/></a>
		<a href=""><img src="./Public/Home/img/rm3.jpg"/></a>
	</div>
	<div class="mainrmleft2">
		<a href="" ><img src="./Public/Home/img/rm4.jpg"/></a>
		<a href=""><img src="./Public/Home/img/rm4.jpg"/></a>
	    <a href=""><img src="./Public/Home/img/rm4.jpg"/></a>
	</div>
</div>-->
<div class="mainrm">
	<div class="mainrmleft">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[0]['cmid']))?>"><img src="<?php echo $commodity2[0]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[1]['cmid']))?>"><img src="<?php echo $commodity2[1]['columnplot']?>"/></a>
	</div>
	<div class="mainrmleft1">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[2]['cmid']))?>"><img src="<?php echo $commodity2[2]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[3]['cmid']))?>"><img src="<?php echo $commodity2[3]['columnplot']?>"/></a>
	</div>
	<div class="mainrmleft1">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[4]['cmid']))?>" ><img src="<?php echo $commodity2[4]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[5]['cmid']))?>"><img src="<?php echo $commodity2[5]['columnplot']?>"/></a>
	</div>
	<div class="mainrmleft2">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[6]['cmid']))?>" ><img src="<?php echo $commodity2[6]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity2[7]['cmid']))?>"><img src="<?php echo $commodity2[7]['columnplot']?>"/></a>
	    <a href="<?php echo U('List/index',array('cmid'=>$commodity2[8]['cmid']))?>"><img src="<?php echo $commodity2[8]['columnplot']?>"/></a>
	</div>
</div>
<div class="mainrm">
	<div class="mainrmleft">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[0]['cmid']))?>"><img src="<?php echo $commodity3[0]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[1]['cmid']))?>"><img src="<?php echo $commodity3[1]['columnplot']?>"/></a>
	</div>
	<div class="mainrmleft1">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[2]['cmid']))?>"><img src="<?php echo $commodity3[2]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[3]['cmid']))?>"><img src="<?php echo $commodity3[3]['columnplot']?>"/></a>
	</div>
	<div class="mainrmleft1">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[4]['cmid']))?>" ><img src="<?php echo $commodity3[4]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[5]['cmid']))?>"><img src="<?php echo $commodity3[5]['columnplot']?>"/></a>
	</div>
	<div class="mainrmleft2">
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[6]['cmid']))?>" ><img src="<?php echo $commodity3[6]['columnplot']?>"/></a>
		<a href="<?php echo U('List/index',array('cmid'=>$commodity3[7]['cmid']))?>"><img src="<?php echo $commodity3[7]['columnplot']?>"/></a>
	    <a href="<?php echo U('List/index',array('cmid'=>$commodity3[8]['cmid']))?>"><img src="<?php echo $commodity3[8]['columnplot']?>"/></a>
	</div>
</div>

</div>
<!-- 主题区域结束 -->

<!--调用尾部公用-->
<!--尾部区域开始-->
<div id="footer">
	<div class="footertop">
		<div class="footertop1"></div>
		<hr />
		<div class="footertop2">
			<p>
				商家入驻：
				<a href="http://www.tudou.com">mall@tudou.com</a>
			</p>
			
			
		</div>
		<div class="footertop2 top3">
			<p>
				Copyright©2015 优酷 youku.com 版权所有 京ICP证060288号 | 
				<a href="http://www.youku.com">优酷商城用户服务协议</a>
			</p>
	</div>	
</div>
<!--尾部区域结束-->

</body>
</html>
